%ion-view#change-pay-pwd-page(hide-nav-bar="true" cache-view="false")
  %ion-header-bar.bar-furion(align-title="center")
    %button.back-button(ng-click="goBack()")
    %h1.title 修改交易密码

  %ion-content
    %wizard(hide-indicators="true")
      %wz-step
        .pwd-form.animated.fadeIn
          %h4.margin-top-100 请输入旧密码以验证身份
          .row.pwd-input
            .col.pwd-span(ng-class="{'active': oldPwd.length == 0}")
              .oa-dot(ng-show="oldPwd.length > 0")
            .col.pwd-span(ng-class="{'active': oldPwd.length == 1, 'next_active': oldPwd.length == 0}")
              .oa-dot(ng-show="oldPwd.length > 1")
            .col.pwd-span(ng-class="{'active': oldPwd.length == 2, 'next_active': oldPwd.length == 1}")
              .oa-dot(ng-show="oldPwd.length > 2")
            .col.pwd-span(ng-class="{'active': oldPwd.length == 3, 'next_active': oldPwd.length == 2}")
              .oa-dot(ng-show="oldPwd.length > 3")
            .col.pwd-span(ng-class="{'active': oldPwd.length == 4, 'next_active': oldPwd.length == 3}")
              .oa-dot(ng-show="oldPwd.length > 4")
            .col.pwd-span(ng-class="{'active': oldPwd.length == 5, 'next_active': oldPwd.length == 4}")
              .oa-dot(ng-show="oldPwd.length > 5")
      %wz-step
        .pwd-form.animated.fadeIn
          %h4.margin-top-100 请设置交易密码，用于支付验证
          .row.pwd-input
            .col.pwd-span(ng-class="{'active': newPwd.length == 0}")
              .oa-dot(ng-show="newPwd.length > 0")
            .col.pwd-span(ng-class="{'active': newPwd.length == 1, 'next_active': newPwd.length == 0}")
              .oa-dot(ng-show="newPwd.length > 1")
            .col.pwd-span(ng-class="{'active': newPwd.length == 2, 'next_active': newPwd.length == 1}")
              .oa-dot(ng-show="newPwd.length > 2")
            .col.pwd-span(ng-class="{'active': newPwd.length == 3, 'next_active': newPwd.length == 2}")
              .oa-dot(ng-show="newPwd.length > 3")
            .col.pwd-span(ng-class="{'active': newPwd.length == 4, 'next_active': newPwd.length == 3}")
              .oa-dot(ng-show="newPwd.length > 4")
            .col.pwd-span(ng-class="{'active': newPwd.length == 5, 'next_active': newPwd.length == 4}")
              .oa-dot(ng-show="newPwd.length > 5")
      %wz-step
        .pwd-form.animated.fadeIn
          %h4.margin-top-100 请再次填写以确认
          .row.pwd-input
            .col.pwd-span(ng-class="{'active': newPwd2.length == 0}")
              .oa-dot(ng-show="newPwd2.length > 0")
            .col.pwd-span(ng-class="{'active': newPwd2.length == 1, 'next_active': newPwd2.length == 0}")
              .oa-dot(ng-show="newPwd2.length > 1")
            .col.pwd-span(ng-class="{'active': newPwd2.length == 2, 'next_active': newPwd2.length == 1}")
              .oa-dot(ng-show="newPwd2.length > 2")
            .col.pwd-span(ng-class="{'active': newPwd2.length == 3, 'next_active': newPwd2.length == 2}")
              .oa-dot(ng-show="newPwd2.length > 3")
            .col.pwd-span(ng-class="{'active': newPwd2.length == 4, 'next_active': newPwd2.length == 3}")
              .oa-dot(ng-show="newPwd2.length > 4")
            .col.pwd-span(ng-class="{'active': newPwd2.length == 5, 'next_active': newPwd2.length == 4}")
              .oa-dot(ng-show="newPwd2.length > 5")
          -# .text-center.margin-top-10
          -#   %button.oa-button.button(ng-disabled="newPwd2.length <= 5" ng-click="changePayPassword()") 完成

  .input-footer
    .row
      %a.button.col(ng-click="pushPwd(1)") 1
      %a.button.col(ng-click="pushPwd(2)") 2
      %a.button.col(ng-click="pushPwd(3)") 3
    .row
      %a.button.col(ng-click="pushPwd(4)") 4
      %a.button.col(ng-click="pushPwd(5)") 5
      %a.button.col(ng-click="pushPwd(6)") 6
    .row
      %a.button.col(ng-click="pushPwd(7)") 7
      %a.button.col(ng-click="pushPwd(8)") 8
      %a.button.col(ng-click="pushPwd(9)") 9
    .row
      %a.button.col
      %a.button.col(ng-click="pushPwd(0)") 0
      %a.button.col.icon.ion-backspace-outline(ng-click="popPwd()")
